<template>
  <view class="gruping">
    <view class="entrance">
      <ul>

        <li v-for="(item,index ) in sites" :key="index" @click="hreftwo(item.name)">
            <img :src="item.img" />
          <p>{{ item.name }}</p>
        </li>

      </ul>
    </view>
		
		<!-- <HMfilterDropdown  ></HMfilterDropdown> -->
		
  </view>
</template>

<script>
	import HMfilterDropdown  from '../../../components/HM-filterDropdown/HM-filterDropdown.vue'

export default {
  components: {
            'HMfilterDropdown':HMfilterDropdown 
        },
  data() {
    return {
      filterData:[], //传入数据，具体数据格式，请下载示例查看 
       sites: [
        { name: "楼盘查询", img: require("../../../static/img00/download7.png") },
        { name: "在售楼盘", img: require("../../../static/img00/download8.png") },
        { name: "优惠新房", img: require("../../../static/img00/download.webp") },
        { name: "帮你找房", img: require("../../../static/img00/download9.png") },
        { name: "免费专车", img: require("../../../static/img00/download10.png") },
      ],
		};
  },
  methods: {},

};
</script>

<style scoped>
*{
  margin: 0;
	padding: 0;
}
.gruping{
	background: #fff;;
}
.entrance {
  height: 340upx;
  margin-bottom:40upx;
}
.entrance > ul {
  height:260upc;
  display: flex;
  flex-wrap: wrap;
  padding-top: 40upx;

}
.entrance > ul > li {
  list-style: none;
  width: 136upx;
  height:136upx;
  margin-left:46upx;

}
.entrance>ul>li>img{
	height: 54upx;
	width: 54upx;
	margin-top: 20upx;
	margin-left: 30upx;
}
</style>
